<!--
 * @Author: wu07 1732042133@qq.com
 * @Date: 2023-01-14 19:32:47
 * @LastEditors: wu07 1732042133@qq.com
 * @LastEditTime: 2023-02-02 14:04:27
 * @FilePath: \recruitAPP\recruitApp\recruitApp\src\pages\user\Request.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!-- 视图层 -->
<template>
  <div class="all">
    <van-nav-bar
      title="求职反馈"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    <van-tabs v-model:active="active">
      <van-tab v-for="(value, index) in nav" :title="value"
        ><div v-for="(item, i) in arr" v-show="value == item.state">
          <div class="body">
            <div class="name">
              <span> {{ item.name }}</span
              ><span> {{ item.state }}</span>
            </div>
            <div class="money">{{ item.money }}</div>
            <div class="introduce">{{ item.introduce }}</div>
          </div>
        </div></van-tab
      >
    </van-tabs>
  </div>
</template>
<!-- 逻辑层 -->
<script setup>
import { get, post, put, del } from "~/axios/http";
import { ref } from "vue";
const nav = ref([
  "投递成功",
  "被查看",
  "面试待确认",
  "已约面试",
  "不合适",
  "有意向",
  "已录用",
]);
const arr = ref([]);
async function sendRequest() {
  let res = await get("/api/infomation2");
  arr.value = res.data;
}
sendRequest();
</script>
<!-- 样式层 -->
<style  scoped>
.all {
  background-color: #f2f2f2;
  margin-bottom: 12vw;
}
.body {
  width: 100%;
  margin-bottom: 2.6667vw;
  background-color: #fff;
  overflow: hidden;
}
.name {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 1.6vw auto;
}
.name span:nth-child(2) {
  color: #ff9933;
}
.money {
  width: 90%;
  margin: 0 auto;
}
.introduce {
  width: 90%;
  margin: 1.6vw auto;
}
</style>